#layout {
  height: 100vh;
}

.pm-ribbon {
  position: absolute;
}

header {
  height: 70px;
  background: #cfd2d6;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .left {
    display: flex;
    align-items: center;

    img {
      padding-right: 20px;
      width: 100px;
    }

    span {
      font-size: 35px;
      user-select: none;
      text-shadow: -1px 1px #bbb, -2px 2px #bbb, -3px 3px #bbb, -4px 4px #bbb, -5px 5px #bbb,
        -12px 12px 10px #666 !important;
    }
  }

  .layout {
    display: flex;
    ul {
      width: 100%;
      text-align: center;
      background: #cfd2d6;
      border-bottom: 0;
      li {
        flex: 1;
        font-size: 20px;
        border-bottom: none !important;
      }
    }
  }

  .right {
    justify-content: center;
    height: 40px;
    text-align: right;
    margin-right: 20px;
    z-index: 1;

    .avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
    }

    span {
      font-size: 20px;
      display: inline-block;
    }

    .ant-dropdown-link {
      color: #333;
      width: 140px;
      height: 50px;
      display: inline-block; // margin-left:30px;

      &:hover {
        color: #1890ff;
      }

      .ant-space-item {
        &:nth-child(2) {
          // width: 80px;
        }
      }
    }
  }

}

.container {
  height: calc(100vh - 120px);
  overflow: hidden;
}

footer {
  height: 50px;
  background: #dee5eb;
  color: #333;
  text-align: center;
  line-height: 50px;
}